<template>
  <div class="error-page">
    <h1>出错了</h1>
    <p>{{ message }}</p>
    <router-link to="/">返回首页</router-link>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps<{ message?: string }>();
</script>

<style scoped>
.error-page { max-width: 400px; margin: 80px auto; padding: 32px; border: 1px solid #eee; border-radius: 8px; text-align: center; }
</style> 